<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title><%= title %></title>
    <link href="/image/favicon.ico" rel="shortcut icon" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_726304_1dxou5nc7bu.css">
    <link rel="stylesheet" href="/css/swiper.min.css">
    <link rel="stylesheet" href="/mcss/base.css">
    <link rel="stylesheet" href="/mcss/mtcggame.css">
</head>

<body>
    <div class="mtcggame-container">
        <!-- header头部 -->
        <header class="mtcggame-header boxsizing">
            <div class="tcglogo">
                <a href="/m">
                    <img src=""
                    class="img-responsive" alt="HPS-TCG" />
                </a>
            </div>
            <div class="tcgbanlance">
                <div class="tcg-mybanlance"><%= __('tcgbanlancetit') %><span class="banlancetip" v-html="userinfo.myagbanlance"></span></div>
                <div class="tcg-coin">
                    <div class="tcg-coindefault" @click="exchange.isshowcoinarr=!exchange.isshowcoinarr">
                        <img :src="'/image/'+exchange.defaultcoin+'.png'" :alt="exchange.defaultcoin">
                        <span class="tcg-coinname" v-html="exchange.defaultcoin"></span>
                        <i class="icon iconfont icon-sanjiaodown"></i>
                    </div>
                    <% if(allMine.length){ %>
                        <ul class="tcg-choosecoin" v-show="exchange.isshowcoinarr">
                            <% allMine.forEach( (item,index) => { %>
                                <li @click="changeexchangecoin('<%= item.coin %>','<%= item.balance %>')">
                                    <img src="/image/<%= item.coin %>.png" alt="<%= item.coin %>">
                                    <span><%- item.coin %></span>
                                </li>
                            <% }) %>
                        </ul>
                    <% } %>
                </div>
            </div>
        </header>
        <!-- TCG logo -->
        <div class="tcggame-hps boxsizing">
            <img src="https://images.uxgaming.com/mcs-images/announcement/tcgdemo/mcs_1527757043990_b2.jpg" 
            class="img-responsive" alt="HPS-TCG"/>
        </div>
        <!-- 彩票内容 -->
        <div class="tcggame-container">
            <!-- 彩票swiper切换 -->
            <div class="tcggame-swiper">
                <div class="swiper-container tcgswiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <%= __('tcgnav1') %>
                        </div>
                        <div class="swiper-slide">
                            <%= __('tcgnav2') %>
                        </div>
                        <div class="swiper-slide">
                            <%= __('tcgnav3') %>
                        </div>
                        <div class="swiper-slide">
                            <%= __('tcgnav4') %>
                        </div>
                        <div class="swiper-slide">
                            <%= __('tcgnav5') %>
                        </div>
                        <div class="swiper-slide">
                            <%= __('tcgnav6') %>
                        </div>
                        <div class="swiper-slide">
                            <%= __('tcgnav7') %>
                        </div>
                        <div class="swiper-slide">
                            <%= __('tcgnav8') %>
                        </div>
                        <div class="swiper-slide">
                            <%= __('tcgnav9') %>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 彩票内容 -->
            <div class="tcggame-content">
                <div class="swiper-container tcggamelist-swiper">
                    <div class="swiper-wrapper">
                        <% if(tcgmobilegame.length){ %>
                            <% tcgmobilegame.forEach( (item,index) => { %>
                            <div class="swiper-slide">
                                <div class="tcggame-nav">
                                    <% item.data.forEach( (item2,index2) => { %>
                                    <div class="list-lott-item" @click="toggletcgurl('<%= item2.code %>','Betting')">
                                        <img src="<%= item2.img %>" class="img-responsive"/>
                                        <span><%= item2.gamename %></span>
                                    </div>
                                    <% }) %>
                                </div>
                            </div>
                            <% }) %>
                        <% } %>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- TCG固定顶部 -->
    <div class="tcggame-fixed">
        <div class="tcggame-fixedbody">
            <div class="tcgfixed-nav">
                <a href="/m">
                    <div class="tcgnav-icon"><i class="icon iconfont icon-shouye"></i></div>
                    <div class="tcgnav-txt"><%= __('tcgftnav1') %></div>
                </a>
            </div>
            <div class="tcgfixed-nav">
                <a href="/m/tcggame">
                    <div class="tcgnav-icon"><i class="icon iconfont icon-94"></i></div>
                    <div class="tcgnav-txt"><%= __('tcgftnav2') %></div>
                </a>
            </div>
            <div class="tcgfixed-nav">
                <a href="/m/mtcgexchange">
                    <div class="tcgnav-icon"><i class="icon iconfont icon-youxianzijin"></i></div>
                    <div class="tcgnav-txt"><%= __('tcgftnav3') %></div>
                </a>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="/mjs/mtcggame.js"></script>
</body>

</html>